/* 设置全局字体和背景颜色 */
.root {
    -fx-font-family: 'Arial', sans-serif; /* 全局字体设置 */
    -fx-background-color: #FAFAFA; /* 背景颜色 */
}

/* 标签样式 */
.label {
    -fx-font-size: 14px; /* 字体大小 */
    -fx-text-fill: #333; /* 字体颜色 */
}

/* 按钮样式 */
.button {
    -fx-background-color: #5C6BC0; /* 背景颜色 */
    -fx-text-fill: white; /* 字体颜色 */
    -fx-font-weight: bold; /* 字体加粗 */
    -fx-padding: 10 20; /* 内边距 */
    -fx-border-radius: 5; /* 边框圆角 */
    -fx-background-radius: 5; /* 背景圆角 */
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 10, 0, 0, 0); /* 阴影效果 */
}

/* 按钮悬停效果 */
.button:hover {
    -fx-background-color: #3F51B5; /* 悬停时背景颜色 */
}

/* 文本区域样式 */
.text-area {
    -fx-control-inner-background: #f4f4f4; /* 内部背景颜色 */
    -fx-font-size: 14px; /* 字体大小 */
    -fx-padding: 1; /* 内边距 */
    -fx-border-color: #CCCCCC; /* 边框颜色 */
    -fx-border-width: 1; /* 边框宽度 */
    -fx-border-radius: 8; /* 边框圆角 */
    -fx-background-radius: 8; /* 背景圆角 */
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.1), 5, 0, 0, 0); /* 阴影效果 */
    -fx-wrap-text: true; /* 自动换行 */
    -fx-min-height: 500px; /* 最小高度 */
}

/* 组合框样式 */
.combo-box {
    -fx-font-size: 14px; /* 字体大小 */
    -fx-border-color: #DDDDDD; /* 边框颜色 */
    -fx-border-radius: 5; /* 边框圆角 */
    -fx-background-color: #FFFFFF; /* 背景颜色 */
}

/* 组合框列表项样式 */
.combo-box .list-cell {
    -fx-background-color: #FFFFFF; /* 列表项背景颜色 */
    -fx-text-fill: #333; /* 列表项字体颜色 */
    -fx-border-color: transparent; /* 列表项边框颜色透明 */
}

/* 组合框列表项悬停效果 */
.combo-box .list-cell:hover {
    -fx-background-color: #E3F2FD; /* 悬停时列表项背景颜色 */
    -fx-text-fill: #333; /* 列表项字体颜色 */
}

/* 文本字段样式 */
.text-field {
    -fx-font-size: 14px; /* 字体大小 */
    -fx-padding: 5 10; /* 内边距 */
    -fx-border-color: #DDDDDD; /* 边框颜色 */
    -fx-border-radius: 5; /* 边框圆角 */
    -fx-background-color: #FFFFFF; /* 背景颜色 */
}
